<script>
export default {
  name: 'Home',
  data: function () {
    return {}
  },
  mounted() {
    console.log('Home 组件挂载完毕了！');
    // 可以判断出Home组件、About组件的route是不同的，但是他们的router都是相同的。
    window.homeRoute = this.$route;
    window.homeRouter = this.$router;
  },
  beforeDestroy() {
    console.log("Home 组件即将被销毁了！");
  }
}
</script>

<template>
  <div>
    <h2>我是 Home 的内容</h2>
  </div>
</template>

<style scoped>

</style>